body{
    width: 100%;
    height: 100%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

.box{
    .px2rem(height, 80);
    display: flex;
    align-items: center;
    background-color: #eb4039;
    .left{
         img{
            .px2rem(width, 55);
            .px2rem(height, 40);
            .px2rem(padding-left, 30);
         }
        
    }
    .center{
         
         img{
            .px2rem(width, 45);
            .px2rem(height, 40);
            .px2rem(margin-left, 500);
            .px2rem(margin-right, 65);
         }
        
    }
     .right{
         img{
            .px2rem(width, 45);
            .px2rem(height, 40);
         }
        
    }
}

mainnav{
    .first{
        display: flex;
        color: red;
        border-bottom: 2px solid #ca616c;  
        .px2rem(padding-left,30);
        .px2rem(margin-left,25);
        .px2rem(padding-right,30);
    }
    li{
        .px2rem(padding-right,25);
        .px2rem(padding-left,25);
    }
    .jiantou{
        .px2rem(height,30);
        .px2rem(width,40);
        .px2rem(margin-right,10);
        .px2rem(padding-left, 20);
    }
    .nav{
        display: flex;
        .px2rem(padding-right,30);
        .px2rem(height,50);
        .px2rem(font-size,26);
        .px2rem(padding-top,15);
        .px2rem(line-height,30);
    }
}

.body{
    border-bottom: 1px solid #ccc;
    
      .wenzi{
        width: 100%;
        .px2rem(font-size,30);
        .px2rem(padding-left,20);
        .px2rem(margin-top,10);
      }
      .img{
            display: flex;
            justify-content:space-around;
          img{
            .px2rem(width,213);
            .px2rem(height,160);
            .px2rem(margin-top,10);
          }
      }
      .food{
          display: flex;
          color: #ccc;
          justify-content:space-between;
          .px2rem(padding-left,30);
          .px2rem(padding-right,30);
          .px2rem(margin-top,10);
          .px2rem(font-size,25);
          .px2rem(padding-bottom,10);
      }
}

footer{
    .dibu{
        display: flex;
        justify-content: space-between;
        text-align: center;
//      align-items: center;
        padding: 0 3%;
        .px2rem(margin-top,10);
        dl{
            dt{
                img{
                    .px2rem(height,60);
                    .px2rem(width,60);
                }
            }
            dd{
                .px2rem(margin-top,10);
            }
        }
    }
   
}
